


HTML {
	POSITION: absolute; MIN-WIDTH: 100%; HEIGHT: 100%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
BODY {
	POSITION: absolute; WIDTH: device-width; minimum-scale: 1.0; maximum-scale: 2.0; MIN-WIDTH: 100%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}

DIV {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}

.wrapper {
	POSITION: relative; MIN-HEIGHT: 100%
}
.wrapper + STYLE + IFRAME {
	DISPLAY: none
}
.content {
	POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.header-bar {
	BORDER-BOTTOM: #e5e5e5 1px solid; BACKGROUND: #f1f1f1; HEIGHT: 60px; OVERFLOW: hidden
}
.header .logo {
	MARGIN: 6px 0px 0px 10px; FLOAT: left
}
.header H1 {
	FONT-SIZE: 26px; MARGIN: auto; PADDING-TOP: 13px; COLOR: #663399; FONT-WEIGHT: bold; 
}
.header .signin {
	MARGIN: 28px 0px 0px; FLOAT: right; FONT-WEIGHT: bold
}
.header .signup {
	MARGIN: 28px 0px 0px; FLOAT: right; FONT-WEIGHT: bold
}
.header .signin-button {
	MARGIN: 22px 0px 0px; FLOAT: right
}
.header .signup-button {
	MARGIN: 22px 0px 0px; FLOAT: right; FONT-SIZE: 20px;
}
.header .signin-button A {
	FONT-SIZE: 13px; FONT-WEIGHT: normal
}
.header .signup-button A {
	POSITION: relative; MARGIN: 0px 0px 0px 1em; TOP: -1px
}
.h-button {
	BORDER-BOTTOM: #dcdcdc 1px solid; MIN-WIDTH: 46px; TEXT-ALIGN: center; BORDER-LEFT: #dcdcdc 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 27px; BACKGROUND-COLOR: #f5f5f5; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline-block; HEIGHT: 27px; COLOR: #444; FONT-SIZE: 11px; BORDER-TOP: #dcdcdc 1px solid; CURSOR: default; FONT-WEIGHT: bold; BORDER-RIGHT: #dcdcdc 1px solid; PADDING-TOP: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; -webkit-user-select: none; -moz-user-select: none; user-select: none
}
.h-button-red {
	BORDER-BOTTOM: transparent 1px solid; BORDER-LEFT: transparent 1px solid; TEXT-TRANSFORM: uppercase; BACKGROUND-COLOR: #d14836; COLOR: #fff; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; text-shadow: 0 1px rgba(0, 0, 0, 0.1)
}
.main {
	POSITION: relative; PADDING-BOTTOM: 100px; MARGIN: auto; WIDTH: 450px; PADDING-TOP: 50px; MIN-WIDTH: 450px; WIDTH: auto; MAX-WIDTH: 1000px
}
.main H1:first-child {
	MARGIN: 0px 0px 0.92em
}

.sign-in {
	WIDTH: 400px; margin-left: auto; margin-right: auto;
}
.signin-box {
	BORDER-BOTTOM: #e5e5e5 1px solid; BORDER-LEFT: #e5e5e5 1px solid; PADDING-BOTTOM: 15px; MARGIN: auto; PADDING-LEFT: 25px; PADDING-RIGHT: 25px; BACKGROUND: #f1f1f1; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 1px solid; PADDING-TOP: 20px
}

.signin-box H2 {
	POSITION: relative; MIN-WIDTH: 100%; LINE-HEIGHT: 17px; MARGIN: 0px 0px 1.2em; HEIGHT: 16px; FONT-SIZE: 16px;
}
.signin-box H2 STRONG {
	POSITION: absolute; WIDTH: 52px; DISPLAY: inline-block; TOP: 10px; LEFT: 0px; FONT-SIZE: 20px;
}
.signin-box DIV {
	MARGIN: 0px 0px 1.5em
}
.signin-box LABEL {
	DISPLAY: block; 
}

.signin-box STRONG {
	FONT-SIZE: 18px; Float: left;
}

.sigin-box SPAN{
	PADDING-BOTTOM: 10px
}

.signin-box td{
	POSITION: relative;
	PADDING-TOP: 10px; 
}
.signin-box INPUT[type=text] {
	LINE-HEIGHT: 30px; WIDTH: 250px; DIRECTION: ltr; HEIGHT: 30px; FONT-SIZE: 18px
}
.signin-box INPUT[type=password] {
	LINE-HEIGHT: 30px; WIDTH: 250px; DIRECTION: ltr; HEIGHT: 30px; FONT-SIZE: 18px
}

.signin-box INPUT[type=checkbox] {
	
	POSITION: relative; 
	Float: left;
	-ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
}
.signin-box INPUT[type=submit] {
	MARGIN: 0px 1.5em 1.2em 0px; HEIGHT: 32px; LINE-HEIGHT: 30px; WIDTH: 80px; FONT-SIZE: 19px; FLOAT: left; background-color: #4d90fe;border: 1px solid #3079ed; color: #fff;
}
.signin-box SELECT{
	LINE-HEIGHT: 30px; WIDTH: 200px; DIRECTION: ltr; HEIGHT: 26px; FONT-SIZE: 15px; FLOAT: left;
}

.signin-box .checkbox-description{
	FONT-SIZE: 19px; FLOAT: left; PADDING-LEFT: 10px; VERTICAL-ALIGN: middle;
}
.signin-box .username-label {
	MARGIN: 0px 0px 0.5em; DISPLAY: block; FONT-WEIGHT: bold; -webkit-user-select: none; -moz-user-select: none; user-select: none
}
.signin-box .passwd-label {
	MARGIN: 0px 0px 0.5em; DISPLAY: block; FONT-WEIGHT: bold; -webkit-user-select: none; -moz-user-select: none; user-select: none
}
.signin-box .reauth {
	LINE-HEIGHT: 29px; MARGIN: 0px; DISPLAY: inline-block; HEIGHT: 29px; FONT-SIZE: 15px
}
.signin-box LABEL.remember {
	LINE-HEIGHT: 25px; MARGIN: 4px 0px 0px; DISPLAY: inline-block; VERTICAL-ALIGN: top
}
.signin-box .remember-label {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; PADDING-LEFT: 0.4em; PADDING-RIGHT: 0px; COLOR: #666; FONT-WEIGHT: normal; PADDING-TOP: 0px; -webkit-user-select: none; -moz-user-select: none; user-select: none
}
.signin-box UL {
	MARGIN: 0px
}
.signin-box .training-msg {
	PADDING-BOTTOM: 0.5em; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BACKGROUND: #f9edbe; PADDING-TOP: 0.5em
}
.signin-box .training-msg P {
	MARGIN: 0px 0px 0.5em
}


.footer-bar {
	POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 35px; OVERFLOW: hidden; BORDER-TOP: #ebebeb 1px solid
}
.footer {
	LINE-HEIGHT: 0; WHITE-SPACE: nowrap; FONT-SIZE: 0.85em; PADDING-TOP: 9px
}
.footer UL {
	MAX-WIDTH: 80%; FLOAT: left; COLOR: #999
}
.footer UL LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 4.5em; DISPLAY: inline; PADDING-TOP: 0px
}
.footer A {
	COLOR: #333
}
.footer FORM {
	TEXT-ALIGN: right
}
.footer FORM .lang-chooser {
	MAX-WIDTH: 20%
}
.redtext {
	COLOR: #dd4b39
}
.greytext {
	COLOR: #555
}
.secondary {
	COLOR: #666; FONT-SIZE: 11px
}
.source {
	COLOR: #093
}
.hidden {
	DISPLAY: none
}
.announce-bar {
	Z-INDEX: 2; BORDER-BOTTOM: #efe1ac 1px solid; POSITION: absolute; WIDTH: 100%; BOTTOM: 35px; BACKGROUND: #f9edbe; HEIGHT: 33px; OVERFLOW: hidden; BORDER-TOP: #efe1ac 1px solid
}
.announce-bar .message {
	LINE-HEIGHT: 33px; MARGIN: 0px; FONT-SIZE: 0.85em
}
.announce-bar .message .separated {
	MARGIN-LEFT: 1.5em
}
.announce-bar-ac {
	BORDER-BOTTOM: #e5e5e5 1px solid; BACKGROUND: #eee; BORDER-TOP: #e5e5e5 1px solid
}
.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; CONTENT: '.'
}
* HTML .clearfix {
	ZOOM: 1
}
*:first-child + HTML .clearfix {
	ZOOM: 1
}


/*******************************************************************/


div.pop_menu{
    position:absolute;
}
div#queue_panel{
    display:none;
}

ul#in_queues_area li{
	vertical-align: middle;
}




.queue_node span#summary{
	display:inline-table;
}
.queue_node span#add_bt{
	display:inline-table;
}
.queue_node div.title{
	text-align:left
}
.queue_node #q_area{
	text-align:left;
}
.queue_node #q_area .q_title{
	background-color:gray;
	color:white;
}
.queue_node div.content{
	border:1px solid;
	height:250px;
}
.queue_node div.q_area{
	display:block;
}

div.queue_node div.q_area .scroll_area{
	float:right;
}
div.queue_node .cust_pane{
	overflow:hidden;
}

div.queue_node  .cust_node{
	float:left;
	text-align:left;
	font-size: 13px;
	color:white;
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	background-color:blue;
	width:180px;
}
div.queue_node  .cust_node table{
	color:white;
}
div.info_label {
	color:red;
	font-size:13px;
}
div.queue_node  .cust_node:hover{
	float:left;
	margin-left:4px;
	margin-top:4px;
	background-color:green;
}

div.empty_node{
	text-align:center;
}
div.queue_node #detail{
	display:none;
	position:absolute;
	background-color:gray;
	z-index:10;
	opacity:0.7;
}

div.q_tips{
	position:relative;
	display:none;
}

table.border-table td{
	border:1px solid;
}
table.border-table tr.even{
	background:gray;
}
table.border-table tr.item{
	cursor:pointer;
}
table.border-table tr.item:hover{
	background:green;
}

table.border-table th{
	border:1px solid;
}
table.border-table#in_cust_table {
	width:100%;
}
table.border-table {
	border-collapse:collapse;
}

table#queue_view{
	width:600px;
	height:400px;
}
table#queue_view tr td{
	width:25%;
	height:25%;
}


body {
text-align:center;
font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
font-size: 62.5%;
width:100%;
height:100%;
}


div.main_frame{
width:480px;
margin-left:auto;
margin-right:auto;
} /*0928 p= div.main*/



/*main css */
.nav, .nav dt, .nav dd, .nav ul, .nav li {
	margin: 0;
	padding: 0
}

.nav {
	font-size: 1.3em;
}

.nav dt {
	margin: 0;
	padding: 0;
	font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	color: #e87b10;
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-left: 8px;
	padding-bottom:5px;
	line-height: 1.2em;
	border-bottom: 1px solid #F4F4F4;
}

.nav dd a {
	border-bottom: 1px solid #F4F4F4;
	display:block;
	padding: 4px 3px 4px 8px;
	font-size: 90%;
	text-decoration: none;
	color: #555 ;
	margin:2px 0;
	height:13px;
}

.nav dd a:hover,
.nav dd a:focus,
.nav dd a:hover,
.nav dd a:focus{
	background: #f3f3f3;
	color:#000;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

 .nav dd a.selected {
	background: #555;
	color:#ffffff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.layout{
	width:100%;
	height:100%
}

/*the layout */
.layout .main {
	width:80%;
	height:80%
}

.layout .main iframe{
	width:600px;
	height:500px;
}

.layout .left-nav{
	width:10%
}

.layout .slider{
	width:10%
}

.op_div {
	display:inline;
	float:left;
}

div._dynamic_panel {
	z-index:10;
	position: absolute;
	background-color:blue;
}
div.ajax_table {
	z-index:1
}

/**** icon list */
span.sms_action_bt_icon{
	background: url('/3rdparty/images/back_enabled.png') no-repeat top left;
}




/*** noval ui layout */

.queue_node{
	font-size:12px;
	position:relative;
	height:auto;
	margin-left:0;
	float:left;
}

span#q_areas {
	width:400px;
	height:400px;
	float:left;
}

span#q_areas.lite{
	width:50px;
	height:400px;
}

div#in_queues_area{
	/*border:solid 1px #AAAAAA;
	border-radius:4px;*/
	height:350px; /*0928 p=400*/
	/*background-color: #ccccff;*/
	background: -webkit-gradient(radial, 100% 100%, 20, 80% 80%, 500, from(#a0a0a0), to(rgba(192,192,192,0)), color-stop(10%, #b0b0b0));
  /* Background template 2*/
 /*background-color: #f8f8f8; 
 background-image: -webkit-gradient(radial, 75% 45%, 10, 76% 47%, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62)),/*green ball*/
        -webkit-gradient(radial, 65% 65%, 20, 67% 67%, 50, from(#ff5f98), to(rgba(255,1,136,0)), color-stop(75%, #ff0188)),/*Purple Ball*/
        -webkit-gradient(radial, 85% 38%, 15, 87% 40%, 40, from(#00c9ff), to(rgba(0,201,255,0)), color-stop(80%, #00b5e2)),/*blue ball*/
        -webkit-gradient(radial, 95% 80%, 50, 95% 85%, 90, from(#f4f201), to(rgba(228, 199,0,0)), color-stop(80%, #e4c700)); /* Yellow Ball*/
 /*background template 3*/ 
  /*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8);/*For IE6*/
	/*background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*For Firefox ??*/
 /* background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#f6f6f8), to(#b8c4cb));/*For others*/

}

div#out_queues_area{
	/*border:solid 1px #AAAAAA;
	border-radius:4px;*/
	height:350px; /*0928 p=400*/
		/*background-color: #ccccff;*/
	background: -webkit-gradient(radial, 0% 0%, 20, 10% 10%, 500, from(#a0a0a0), to(rgba(192,192,192,0)), color-stop(15%, #b0b0b0));
  /* Background template 2*/
 /*background-color: #f8f8f8; 
 background-image: -webkit-gradient(radial, 75% 45%, 10, 76% 47%, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62)),/*green ball*/
        -webkit-gradient(radial, 65% 65%, 20, 67% 67%, 50, from(#ff5f98), to(rgba(255,1,136,0)), color-stop(75%, #ff0188)),/*Purple Ball*/
        -webkit-gradient(radial, 85% 38%, 15, 87% 40%, 40, from(#00c9ff), to(rgba(0,201,255,0)), color-stop(80%, #00b5e2)),/*blue ball*/
        -webkit-gradient(radial, 95% 80%, 50, 95% 85%, 90, from(#f4f201), to(rgba(228, 199,0,0)), color-stop(80%, #e4c700)); /* Yellow Ball*/
}

div#out_queues_area .icon_center{
	color:white;
	background:red;
	opacity:0.6;
}

div#out_queues_area .icon_bottom{
	color:white;
	background:red;
	top:30px;
	position:relative;
	opacity:0.6;
}


/**** icon list */
.queue_node div.ui_icon{
	width:30px;
	height:30px;
	margin:5px;
	background:no-repeat center center;
	cursor:pointer;
}

div.shadow{
	box-shadow:15px 15px 20px black; /*0928 previous=5 5 10*/
}
div.shadow:hover{
	box-shadow:10px 10px 15px black;  /*0928 previous=10 10 20; "active" may be better */
}
div.shadow:active{
	box-shadow:5px 5px 7px black;  /*0928 previous=10 10 20; "active" may be better */
}

.queue_node div{
	border-radius:0px; /*0928 previous=4	*/
}

.queue_node div.s1{
/*	background: url('/images/s1.jpg'); 0928*/
  background: #FFFF00; /*0928*/
  
}
.queue_node div.s2{
    background: url('/images/s2.jpg');
}
.queue_node div.s3{
    background: url('/images/s3.jpg');
}
.queue_node div.s4{
   background: url('/images/s4.jpg');
	 background: #00FFFF; /*0928*/	
	 border-radius:12px; /*0928*/
}
.queue_node div.s5{
	background: url('/images/s5.jpg');
}
.queue_node div.s6{
	background: url('/images/s6.jpg');
}
.queue_node div.S1{
	background: url('/images/s1.jpg'); 
}
.queue_node div.S2{
	background: url('/images/s2.jpg'); 
}
.queue_node div.S3{
	background: url('/images/s3.jpg');
}
.queue_node div.S4{
	background: url('/images/s4.jpg') ;
}
.queue_node div.S5{
	background: url('/images/s5.jpg');
}
.queue_node div.S6{
	background: url('/images/s6.jpg');
}
.queue_node div.icon_top_left{
	float:left;
	border-radius: 4px;
	font-size:30px;
	background:red;
	position:relative;
	top:-5;
	left:-5;
	color:white;
	opacity:0.6;
}

.queue_node div.icon_title{
	float: left;
	FONT-SIZE: 28px;
	MARGIN: 20px 0px 0px 20px;
	/*PADDING-TOP: 20px;
	PADDING-LEFT: 20px;*/
	FONT-WEIGHT: bold;
	position: absolute;
}

.queue_node div.icon_bottom_right{
	float:right;
	border-radius: 4px;
	background:red;
	font-size:30px;
	position:relative;
	top: 100;
	left:5;
	color:white;
	opacity:0.6;
}	

.queue_node div.icon_number{
	float: left;
	FONT-SIZE: 20px;
	MARGIN: 60px 0px 0px 20px;
	FONT-WEIGHT: bold;
	position: absolute;
}
.queue_node div.icon_line3{
	float: left;
	FONT-SIZE: 18px;
	MARGIN: 90px 0px 0px 20px;
	position: absolute;
}
.queue_node div.icon_line4{
	float: left;
	FONT-SIZE: 18px;
	MARGIN: 115px 0px 0px 20px;
	position: absolute;
}

#queue_op_area {
	border:solid 1px #AAAAAA;
	/*border-top-right-radius:4px;
	border-top-left-radius:4px;  0928*/
	height:0px; /*0928 p=100%*/
	width:0px; /*0928 p=100%*/
	display:none;
	/*0928*/
	z-index: 100;
	position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), color-stop(0.23, #ffff66), to(rgb(250, 250, 210)));
  box-shadow: 10px 10px 20px black;
}
#queue_op_area div.title{
	height:45px; /*0928*/
	background-color: #FFFF00;
}
#queue_op_area .title_txt{
	font-size:30px;
	/*0928*/
	float: left; 
	padding-top:15px;
	padding-left: 15px;
	font-weight: bold;
}
#queue_op_area a.right_close_button{
	float:right;
}
#queue_op_area .cust_list{
	cursor:pointer;
	text-align:left;
}
#queue_op_area .info_area{
font-size:20px;
}

#queue_op_area .adv_tag {
	padding-left: 60px; padding-top: 5px; font-size:20px; display:inline; float: left; cursor:pointer;
}/*0928*/

#queue_op_area .detail_tag{
   color: green; font-size: 30px; float:right; padding-right: 70px; cursor: pointer;
}/*0928*/



#queue_op_area  .adv_panel{
	display:none;
	text-align:left;
	/*0928*/
	padding-top: 15px;
	padding-left: 60px; 
	font-size: 18px;
}
#queue_op_area .main_area{
	text-align:left;
	display:none;
	/*0928*/
	margin: 55px 0px 0px 0px;
	border-top:1px solid #000000;
}

#queue_op_area .inWinClose {
  Margin: 20px 25px 0px 0px; 
  Float:right;
  Width: 30px;
  Height: 30px;
  Font-size: 22px;
  Font-weight: bold;
  Cursor:Pointer;
  BORDER-BOTTOM: transparent 1px solid;
  BORDER-LEFT: transparent 1px solid; 
  TEXT-TRANSFORM: uppercase; 
  BACKGROUND-COLOR: #DDDDDD; COLOR: #000fff; 
  BORDER-TOP: transparent 1px solid; 
  BORDER-RIGHT: transparent 1px solid; 
  text-shadow: 0 1px rgba(0, 0, 0, 0.1)
}

div.input_area{
	text-align:left;
	display:inline;
}

div.input_area INPUT[type=text] {
	margin-right:60px; LINE-HEIGHT: 40px; WIDTH: 240px; DIRECTION: ltr; HEIGHT: 30px; FONT-SIZE: 18px; 
} /*0928*/

div.input_area STRONG {
  float: left;  padding-left: 40px; FONT-Size: 23px; FONT-WEIGHT: bold; -webkit-user-select: none; -moz-user-select: none; user-select: none
} /*0928*/

div.input_area BUTTON {
  height: 40px; width: 60px; FONT-Size: 18px; FONT-WEIGHT: bold;
} /*0928*/

div.cust_area{
	width:40%;
	display:inline;
}

.cust_list dd{
	border-bottom:1px solid #F4F4F4;
	background:#f5f5f5;
}
.cust_list dd:hover{
	border-bottom:1px solid #F4F4F4;
	background:#E0E0E	0;
}

.combin_area {
	display:inline;
}


.popup-bg{
	position:fixed;
	_position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	width:100%;
	_width:expression(document.documentElement.clientWidth);
	height:100%;
	_height:expression(document.documentElement.clientHeight);
	background:rgb(50,50,50);
	background:rgba(0,0,0,0.5);
} /*0928*/

#model_dlg { /*0928 added*/
  position: absolute;
  display: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#33FFFF), color-stop(0.23, #99FFFF), to(rgb(230, 230, 250)));
  height: 0px;
  width: 0px;
  z-index: 100;
  box-shadow: 10px 10px 20px black;
}

#model_dlg .outWinClose {
  Margin: 20px 25px 0px 0px; 
  Float:right;
  Width: 30px;
  Height: 30px;
  Font-size: 22px;
  Font-weight: bold;
  Cursor:Pointer;
  BORDER-BOTTOM: transparent 1px solid;
  BORDER-LEFT: transparent 1px solid; 
  TEXT-TRANSFORM: uppercase; 
  BACKGROUND-COLOR: #DDDDDD; COLOR: #000fff; 
  BORDER-TOP: transparent 1px solid; 
  BORDER-RIGHT: transparent 1px solid; 
  text-shadow: 0 1px rgba(0, 0, 0, 0.1)
}

#model_dlg BUTTON {
  postion: absolute; margin: 220px 0px 0px 35px; padding-left: 15px; height: 60px; width: 100px; FONT-Size: 18px; FONT-WEIGHT: bold;
}

#model_dlg h2{
  position: absolute; font-size: 35px; font-weight: bold; margin: 20px 0px 0px 15px;

}

#model_dlg p{
  position:absolute; font-size: 30px; margin: 90px 0px 0px 35px;

}


/*** mobile css define */
li.new_cust {
  background: gray;
}


/**management*/
div.vendor_pane:hover{
background:gray;

}
div.vendor_pane{
text-align:left;
}